﻿<%@ Page Title="Quản lí thông tin cơ bản của nhân viên" Language="C#" MasterPageFile="~/Views/MasterPageViews.master"
    AutoEventWireup="true" CodeFile="EmployeesBasic.aspx.cs" Inherits="Views_EmployeesBasic" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<asp:Content ID="ContentHeader" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="ContentChange" ContentPlaceHolderID="ContentPlaceHolderChange" runat="Server">
    <ext:Panel
        runat="server"
        ID="PanelContainerBasic"
        Title="Quản lí thông tin cá nhân cơ bản của cán bộ nhân viên"
        Icon="ApplicationOsxSplit"
        BodyStyle="background-image: url('../Themes/bg-main.png')">
        <Items>
            <%-- Menu icon chức năng --%>
            <ext:Toolbar ID="ToolbarFunctions" runat="server">
                <Items>
                    <ext:Button ID="ToolbarShowAdd" runat="server" Text="Thêm mới" Icon="Add" OnDirectClick="ToolbarShowAdd_DirectClick">
                        <Listeners>
                            <Click Handler="#{FormPanelAdd}.getForm().reset();" />
                        </Listeners>
                    </ext:Button>
                    <ext:Button ID="ToolbarShowUpdate" runat="server" Text="Chỉnh sửa thông tin" Icon="Pencil" OnDirectClick="ToolbarShowUpdate_DirectClick">
                        <Listeners>
                            <Click Handler="#{FormPaneUpdateEmpsBasic}.getForm().reset();" />
                        </Listeners>
                    </ext:Button>
                    <ext:Button ID="ToolbarShowUpload" runat="server" Text="Thay ảnh cá nhân" Icon="PictureEdit" OnDirectClick="ToolbarShowUpload_DirectClick" />
                    <ext:Button ID="ToolbarShowDelete" runat="server" Text="Xóa" Icon="Delete" OnDirectClick="ToolbarShowDelete_DirectClick" />
                    <ext:Button ID="ToolbarShowHelp" runat="server" Text="Hỗ trợ" Icon="Help" />
                </Items>
            </ext:Toolbar>
            <%-- Gird Panel lưu thông tin danh sách nhân viên, dạng bảng --%>
            <ext:GridPanel
                ID="GridPanelListEmpsBasic"
                runat="server"
                Title="Danh sách nhân viên"
                Height="510"
                BodyStyle="background-image: url('../Themes/bg-main.png')">
                <Store>
                    <ext:Store
                        ID="StoreListEmpsBasic"
                        runat="server"
                        OnReadData="StoreListEmpsBasic_ReadData"
                        PageSize="20">
                        <Model>
                            <ext:Model ID="ModelListEmpsBasic" runat="server" IDProperty="EmpID">
                                <Fields>
                                    <ext:ModelField Name="EmpID" />
                                    <ext:ModelField Name="Code" />
                                    <ext:ModelField Name="FirstName" />
                                    <ext:ModelField Name="LastName" />
                                    <ext:ModelField Name="Gender" Type="Boolean" />
                                    <ext:ModelField Name="Email" />
                                    <ext:ModelField Name="Telephone" />
                                    <ext:ModelField Name="DateOfBirth" DateFormat="dd/MM/yyyy" />
                                    <ext:ModelField Name="PlaceOfBirth" />
                                    <ext:ModelField Name="HomeTown" />
                                    <ext:ModelField Name="HouseHold" />
                                    <ext:ModelField Name="CurrentAddress" />
                                    <ext:ModelField Name="Ethnic" />
                                    <ext:ModelField Name="Religion" />
                                    <ext:ModelField Name="StatusOfEmp" />
                                    <ext:ModelField Name="AvatarUrl" />
                                </Fields>
                            </ext:Model>
                        </Model>
                        <Sorters>
                            <ext:DataSorter Property="EmpID" Direction="DESC" />
                        </Sorters>
                    </ext:Store>
                </Store>
                <ColumnModel ID="ColumnModelEmpoyeesBasic" runat="server">
                    <Columns>
                        <ext:RowNumbererColumn ID="RowNumbererColumn" Text="STT" runat="server" Width="30" />
                        <ext:Column ID="Col_Code" runat="server" Text="Mã" DataIndex="Code" />
                        <ext:TemplateColumn runat="server" Text="Họ và tên" Flex="1">
                            <Template runat="server">
                                <Html>
                                    <tp for=".">
                                        {FirstName}&nbsp;{LastName}
                                    </tp>
                                </Html>
                            </Template>
                        </ext:TemplateColumn>
                        <ext:TemplateColumn runat="server" Text="Ảnh đại diện">
                            <Template ID="Template1" runat="server">
                                <Html>
                                    <img src="Avatars/{AvatarUrl}" style="width: 90px; height: 90px" />
                                </Html>
                            </Template>
                        </ext:TemplateColumn>
                        <%--Hiển thị giới tính sử dụng định dạng viết bằng javascript (genderFormat)--%>
                        <ext:Column ID="Col_Gender" runat="server" Text="Giới tính" DataIndex="Gender">
                            <Renderer Fn="genderFormat" />
                        </ext:Column>
                        <ext:Column ID="Col_Email" runat="server" Text="Email" DataIndex="Email" />
                        <ext:Column ID="Col_Telephone" runat="server" Text="Số điện thoại" DataIndex="Telephone" />
                        <ext:DateColumn Format="dd/MM/yyyy" ID="Col_DateOfBirth" runat="server" Text="Ngày sinh" DataIndex="DateOfBirth" />
                        <ext:Column ID="Col_HomeTown" runat="server" Text="Quê quán" DataIndex="HomeTown" />
                        <ext:Column ID="Col_CurrentAddress" runat="server" Text="Địa chỉ" DataIndex="CurrentAddress" />
                        <ext:Column ID="Col_Ethnic" runat="server" Text="Dân tộc" DataIndex="Ethnic" />
                        <ext:CheckColumn ID="Col_StatusOfEmp" runat="server" Text="Trạng thái" DataIndex="StatusOfEmp" />



                        <%-- Xóa sửa bản ghi data gird --%>
                        <ext:CommandColumn ID="CommandViewDetailt" runat="server" Width="30" Align="Center">
                            <Commands>
                                <ext:GridCommand Icon="ApplicationViewDetail" CommandName="Detailt">
                                    <ToolTip Text="Hiển thị chi tiết sơ yế lý lịch" />
                                </ext:GridCommand>
                            </Commands>
                            <Listeners>
                                <Command Handler="App.direct.Employee_ViewDefailt(record.data.EmpID);" />
                            </Listeners>
                        </ext:CommandColumn>
                        <%--<ext:CommandColumn ID="CommandEdit" runat="server" Width="30">
                            <Commands>
                                <ext:GridCommand Icon="NoteEdit" CommandName="Edit">
                                    <ToolTip Text="Chỉnh sửa" />
                                </ext:GridCommand>
                            </Commands>
                            <Listeners>
                                <Command Handler="App.direct.Employee_QuickEdit(record.data.EmpID);" />
                            </Listeners>
                        </ext:CommandColumn>
                        <ext:CommandColumn ID="CommandDelete" runat="server" Width="30">
                            <Commands>
                                <ext:GridCommand Icon="Delete" CommandName="Delete">
                                    <ToolTip Text="Xóa" />
                                </ext:GridCommand>
                            </Commands>
                            <Listeners>
                                <Command Handler="Ext.Msg.alert(command, record.data.EmpID);" />
                            </Listeners>
                        </ext:CommandColumn>--%>
                    </Columns>
                </ColumnModel>

                <SelectionModel>
                    <ext:RowSelectionModel ID="RowSelectionModelListEmpsBasic" runat="server" Mode="Single">
                        <DirectEvents>
                            <Select OnEvent="RowSelected" />
                        </DirectEvents>
                    </ext:RowSelectionModel>
                </SelectionModel>
                <BottomBar>
                    <ext:PagingToolbar ID="PagingToolbarEmpBasic" runat="server" BeforePageText="Trang"
                        EmptyMsg="Chưa có dữ liệu" AfterPageText="trên  {0}"
                        DisplayMsg="Hiển thị bản ghi {0} - {1} trên tổng số {2}" RefreshText="Làm mới" LastText="Trang cuối"
                        NextText="Trang tiếp" PrevText="Trang trước" FirstText="Trang đầu" />
                </BottomBar>
                <View>
                    <ext:GridView ID="GridViewProvinces" runat="server" StripeRows="true" TrackOver="true" />
                </View>
            </ext:GridPanel>
        </Items>
    </ext:Panel>



    <%-- Hiển thị thông tin cơ bản --%>
    <div class="view-info-record">
        <h3 class="header-title">
            <ext:Label ID="lblHeaderViewInfomations" StyleHtmlCls="lable-message" StyleHtmlContent="true"
                runat="server" Text="Hiển thị thông tin" Icon="Information" />
        </h3>
        <div class="content-info">
            <ext:Image ID="ImageAvatarView" Margin="10" runat="server" Width="130" Height="160" ImageUrl="../Views/Avatars/add_user_256.png" />
            <table>
                <tr>
                    <td class="with-td-view-info">Số hiệu:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldCode" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Họ tên nhân viên:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldFullname" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Tên gọi khác:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldOtherName" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Giới tính:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldGender" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Ngày sinh:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldDateOfBirth" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Dân tộc:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldEthnic" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Tôn giáo:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldReligion" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Số điện thoại:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldTelephone" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Email:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldEmail" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Nơi sinh:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldPlaceOfBirth" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Quê quán:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldHomeTown" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Hộ khẩu thường trú:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldHouseHold" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Nơi ở hiện nay:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldCurrentAddress" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Nghề nghiệp trước tuyển dụng:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldJobCurrent" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Ngày tuyển dụng:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldDateOfRecruitment" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Cơ quan tuyển dụng:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldOrganOfRecruitment" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Chức danh, chức vụ:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldPosition" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Công việc chính được giao:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldTaskIsAssigned" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Đơn vị quản lí:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldDepartManage" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="with-td-view-info">Đơn vị làm việc hiện tại:
                    </td>
                    <td>
                        <ext:Label ID="DisplayFieldDepartUse" runat="server" />
                    </td>
                </tr>
            </table>
        </div>
    </div>




    <%-- Cửa sổ thêm mới nhân viên --%>
    <ext:Window
        ID="WindowAddEmpsBasic"
        runat="server"
        Title="Thêm mới thông tin cơ bản của cán bộ nhân viên"
        Icon="Add"
        Width="1000"
        BodyStyle="background-image: url('../Themes/bg-main.png')"
        Modal="true"
        ShadowMode="Frame"
        Hidden="true"
        Resizable="false">
        <Content>
            <ext:FormPanel
                ID="FormPanelAdd"
                runat="server">
                <Items>
                    <ext:Toolbar ID="ToolbarWindowAdd" runat="server">
                        <Items>
                            <ext:Button ID="ButtonAddSave" runat="server" Text="Lưu lại" Icon="DiskBlack">
                                <Listeners>
                                    <Click Handler="if(#{FormPanelAdd}.getForm().isValid()) {App.direct.Employee_Add();}" />
                                </Listeners>
                            </ext:Button>
                            <ext:Button ID="ButtonAddClose" runat="server" Text="Đóng" Icon="Stop" OnDirectClick="ButtonAddClose_DirectClick">
                            </ext:Button>
                            <ext:Button ID="ButtonAddHelp" runat="server" Text="Giúp" Icon="Help" />
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="ContainerAdd" runat="server" Layout="ColumnLayout">
                        <Items>
                            <ext:FieldSet ID="FieldSet2" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4">
                                <Items>
                                    <ext:TextField ID="TextAddCode" runat="server" FieldLabel="Số hiệu CBCC" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextAddFirstName" runat="server" FieldLabel="Họ và đệm" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextAddLastName" runat="server" FieldLabel="Tên" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextAddOtherName" runat="server" FieldLabel="Tên gọi khác" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextAddEmail" runat="server" FieldLabel="Email" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" Vtype="email" VtypeText="Email sai định dạng, ví dụ:nguyendan@gmail.com" />
                                    <ext:TextField ID="TextAddPhone" runat="server" FieldLabel="Số điện thoại" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" InputType="Number" />

                                    <ext:TextField ID="TextAddJob" runat="server" FieldLabel="Nghề nghiệp" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:DateField ID="TextAddDateOfRecruitment" runat="server" FieldLabel="Ngày tuyển dụng" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextAddOrganOfRecruitment" runat="server" FieldLabel="Cơ quan tuyển dụng" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:SelectBox
                                        ID="cbxAddPosition"
                                        runat="server"
                                        FieldLabel="Chức danh"
                                        EmptyText="Lựa chọn"
                                        LabelWidth="120"
                                        Width="295"
                                        DisplayField="NameOfPost"
                                        ValueField="PosID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddPosition" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddPosition" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="PosID" />
                                                            <ext:ModelField Name="NameOfPost" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                    </ext:SelectBox>
                                    <ext:TextField ID="TextAddTaskIsAssigned" runat="server" FieldLabel="Công việc chính" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:Checkbox ID="CheckboxAddStatus" runat="server" FieldLabel="Trạng thái" LabelWidth="120" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet3" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4">
                                <Items>
                                    <ext:DateField ID="TextAddDateOfBirth" runat="server" FieldLabel="Ngày sinh" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:RadioGroup ID="RadioGroup1" runat="server" FieldLabel="Giới tính" Layout="HBoxLayout" Height="31">
                                        <Items>
                                            <ext:Radio ID="RadioAddMale" runat="server" Checked="true" BoxLabel="Nam" />
                                            <ext:Radio ID="RadioAddFemale" runat="server" BoxLabel="Nữ" Margins="0 0 0 10" />
                                        </Items>
                                    </ext:RadioGroup>
                                    <ext:FieldContainer ID="FieldContainer1" runat="server" FieldLabel="Dân tộc" Layout="HBoxLayout" Height="30">
                                        <Items>
                                            <ext:TextField ID="TextAddEthnic" runat="server" Width="65" Margins="0 3 0 0"
                                                BlankText="Không được để trống" AllowBlank="false" />
                                            <ext:DisplayField ID="DisplayAddReligion" runat="server" Text="Tôn giáo" />
                                            <ext:TextField ID="TextAddReligion" runat="server" Width="65" Margins="0 3 0 3"
                                                BlankText="Không được để trống" AllowBlank="false" />
                                        </Items>
                                    </ext:FieldContainer>
                                    <ext:TextArea ID="TextAddPlaceOfBirth" runat="server" FieldLabel="Nơi sinh" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextArea ID="TextAddHomeTown" runat="server" FieldLabel="Quê quán" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextArea ID="TextAddHouseHold" runat="server" FieldLabel="Hộ khẩu" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextArea ID="TextAddCurrentAddress" runat="server" FieldLabel="Nơi ở hiện nay" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSetDepartManager" runat="server" Title="Cơ quan, tổ chức quản lý" Width="320" MarginSpec="5 5 10 5">
                                <Items>
                                    <%-- Lựa chọn phòng ban quản lí --%>
                                    <ext:SelectBox
                                        ID="cbxAddManaProvince"
                                        runat="server"
                                        FieldLabel="Tỉnh thành"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfProvince"
                                        ValueField="ProvID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddManaAddProvinces" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddManaAddProvinces" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ProvID" />
                                                            <ext:ModelField Name="NameOfProvince" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddManaProvinces_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxAddManaDistrict"
                                        runat="server"
                                        FieldLabel="Quận huyện"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDist"
                                        ValueField="DistID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddManaDistrict" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model1" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DistID" />
                                                            <ext:ModelField Name="NameOfDist" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddManaDistrict_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxAddManaCommune"
                                        runat="server"
                                        FieldLabel="Phường xã"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfComm"
                                        ValueField="ComID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddManaCommune" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddManaCommune" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ComID" />
                                                            <ext:ModelField Name="NameOfComm" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddManaCommune_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxAddManaOrganization"
                                        runat="server"
                                        FieldLabel="Cơ quan"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfOrgan"
                                        ValueField="OrgID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddManaOrganization" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddManaOrganization" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="OrgID" />
                                                            <ext:ModelField Name="NameOfOrgan" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddManaOrganization_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>

                                    <ext:SelectBox
                                        ID="cbxAddManaDepartment"
                                        runat="server"
                                        FieldLabel="Phòng ban"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDep"
                                        ValueField="DepID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddManaDepartment" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddManaDepartment" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DepID" />
                                                            <ext:ModelField Name="NameOfDep" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSetDepartWork" runat="server" Title="Cơ quan, tổ chức làm việc hiện tại" Width="320" MarginSpec="9 5 10 5">
                                <Items>
                                    <ext:SelectBox
                                        ID="cbxAddUseProvince"
                                        runat="server"
                                        FieldLabel="Tỉnh thành"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfProvince"
                                        ValueField="ProvID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddUseProvince" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddUseProvince" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ProvID" />
                                                            <ext:ModelField Name="NameOfProvince" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddUseProvinces_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxAddUseDistrict"
                                        runat="server"
                                        FieldLabel="Quận huyện"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDist"
                                        ValueField="DistID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUseDistrict" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelUseDistrict" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DistID" />
                                                            <ext:ModelField Name="NameOfDist" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddUseDistrict_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxAddUseCommune"
                                        runat="server"
                                        FieldLabel="Phường xã"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfComm"
                                        ValueField="ComID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddUseCommune" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddUseCommune" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ComID" />
                                                            <ext:ModelField Name="NameOfComm" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddUseCommune_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxAddUseOrganization"
                                        runat="server"
                                        FieldLabel="Cơ quan"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfOrgan"
                                        ValueField="OrgID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAddUseOrganization" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAddUseOrganization" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="OrgID" />
                                                            <ext:ModelField Name="NameOfOrgan" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxAddUseOrganization_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxAdduseDepartment"
                                        runat="server"
                                        FieldLabel="Phòng ban"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDep"
                                        ValueField="DepID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreAdduseDepartment" runat="server">
                                                <Model>
                                                    <ext:Model ID="ModelAdduseDepartment" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DepID" />
                                                            <ext:ModelField Name="NameOfDep" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>

    <%-- Cửa sổ cập nhật ảnh đại diện --%>
    <ext:Window
        ID="WindowUpdateAvatar"
        runat="server"
        Title="Cập nhật hình ảnh đại diện"
        Icon="Add"
        Width="300"
        Height="450"
        BodyStyle="background-image: url('../Themes/bg-main.png')"
        Modal="true"
        ShadowMode="Frame"
        Hidden="true"
        Resizable="false">
        <Content>
            <ext:FormPanel
                ID="FormPanel1"
                runat="server"
                Height="500">
                <Items>
                    <ext:Toolbar ID="ToolbarUploadAvatar" runat="server">
                        <Items>
                            <ext:Button ID="ButtonUploadClose" runat="server" Text="Đóng" Icon="Stop">
                                <Listeners>
                                    <Click Handler="#{WindowUpdateAvatar}.close();" />
                                </Listeners>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="Container1" runat="server" Padding="10">
                        <Items>
                            <ext:FileUploadField
                                ID="FileUploadAvatar"
                                runat="server"
                                Width="250"
                                EmptyText="Chọn ảnh tải lên..."
                                ButtonText="Chọn"
                                Icon="ImageAdd">
                                <Listeners>
                                    <Change Handler="App.direct.LoadImage_FileUpload();" />
                                </Listeners>
                            </ext:FileUploadField>
                        </Items>
                    </ext:Container>
                    <ext:FieldContainer ID="Container5" runat="server" Padding="10">
                        <Items>
                            <ext:Image MarginSpec="20 0 0 50" ID="ImageAvatar" runat="server" MaxWidth="180" MaxHeight="270" Width="180" Height="270" />
                        </Items>
                    </ext:FieldContainer>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>

    <%-- Cửa sổ cập nhật thông tin cơ bản nhân viên --%>
    <ext:Window
        ID="WindowUpdateEmpsBasic"
        runat="server"
        Title="Cập nhật thông tin cơ bản của cán bộ nhân viên"
        Icon="Pencil"
        Width="1000"
        BodyStyle="background-image: url('../Themes/bg-main.png')"
        Modal="true"
        ShadowMode="Frame"
        Hidden="true"
        Resizable="false">
        <Content>
            <ext:FormPanel
                ID="FormPaneUpdateEmpsBasic"
                runat="server">
                <Items>
                    <ext:Toolbar ID="ToolbarUpdateEmpsBasic" runat="server">
                        <Items>
                            <ext:Button ID="ButtonUpdateSave" runat="server" Text="Lưu lại" Icon="DiskBlack">
                                <Listeners>
                                    <Click Handler="if(#{FormPaneUpdateEmpsBasic}.getForm().isValid()) {App.direct.Employee_Update();}" />
                                </Listeners>
                            </ext:Button>
                            <ext:Button ID="ButtonUpdateClose" runat="server" Text="Đóng" Icon="Stop" OnDirectClick="ButtonUpdateClose_DirectClick" />
                        </Items>
                    </ext:Toolbar>
                    <ext:Container ID="Container2" runat="server" Layout="ColumnLayout">
                        <Items>
                            <ext:FieldSet ID="FieldSet1" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4">
                                <Items>
                                    <ext:TextField ID="TextUpdateCode" runat="server" FieldLabel="Số hiệu CBCC" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextUpdateFirstName" runat="server" FieldLabel="Họ và đệm" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextUpdateLastName" runat="server" FieldLabel="Tên" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextUpdateOtherName" runat="server" FieldLabel="Tên gọi khác" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextUpdateEmail" runat="server" FieldLabel="Email" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextUpdateTelephone" runat="server" FieldLabel="Số điện thoại" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />

                                    <ext:TextField ID="TextUpdateJobCurrent" runat="server" FieldLabel="Nghề nghiệp" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:DateField ID="TextUpdateDateOfRecruitment" runat="server" FieldLabel="Ngày tuyển dụng" LabelWidth="120" Width="295" Format="dd/MM/yyyy"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextField ID="TextUpdateOrganOfRecruitment" runat="server" FieldLabel="Cơ quan tuyển dụng" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:SelectBox
                                        ID="cbxUpdatePosition"
                                        runat="server"
                                        FieldLabel="Chức danh"
                                        EmptyText="Lựa chọn"
                                        LabelWidth="120"
                                        Width="295"
                                        DisplayField="NameOfPost"
                                        ValueField="PosID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdatePosition" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model2" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="PosID" />
                                                            <ext:ModelField Name="NameOfPost" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                    </ext:SelectBox>
                                    <ext:TextField ID="TextUpdateTaskIsAssigned" runat="server" FieldLabel="Công việc chính" LabelWidth="120" Width="295"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:Checkbox ID="CheckboxUpdateStatus" runat="server" FieldLabel="Trạng thái" LabelWidth="120"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet4" runat="server" Title="Thông tin cơ bản" Width="320" Margin="4">
                                <Items>
                                    <ext:DateField ID="TextUpdateDateOfBirth" runat="server" FieldLabel="Ngày sinh" Width="295" Format="dd/MM/yyyy"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:RadioGroup ID="RadioGroup2" runat="server" FieldLabel="Giới tính" Layout="HBoxLayout" Height="31">
                                        <Items>
                                            <ext:Radio ID="RadioUpdateMale" runat="server" Checked="true" BoxLabel="Nam" />
                                            <ext:Radio ID="RadioUpdateFemale" runat="server" BoxLabel="Nữ" Margins="0 0 0 10" />
                                        </Items>
                                    </ext:RadioGroup>
                                    <ext:FieldContainer ID="FieldContainer2" runat="server" FieldLabel="Dân tộc" Layout="HBoxLayout" Height="30">
                                        <Items>
                                            <ext:TextField ID="TextUpdateEthnic" runat="server" Width="65" Margins="0 3 0 0"
                                                BlankText="Không được để trống" AllowBlank="false" />
                                            <ext:DisplayField ID="DisplayField2" runat="server" Text="Tôn giáo" />
                                            <ext:TextField ID="TextUpdateReligion" runat="server" Width="65" Margins="0 3 0 3"
                                                BlankText="Không được để trống" AllowBlank="false" />
                                        </Items>
                                    </ext:FieldContainer>
                                    <ext:TextArea ID="TextUpdatePlaceOfBirth" runat="server" FieldLabel="Nơi sinh" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextArea ID="TextUpdateHomeTown" runat="server" FieldLabel="Quê quán" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextArea ID="TextUpdateHouseHold" runat="server" FieldLabel="Hộ khẩu" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                    <ext:TextArea ID="TextUpdateCurrentAddress" runat="server" FieldLabel="Nơi ở hiện nay" Width="295" Height="50"
                                        BlankText="Không được để trống" AllowBlank="false" />
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet5" runat="server" Title="Cơ quan, tổ chức quản lý" Width="320" MarginSpec="5 5 10 5">
                                <Items>
                                    <ext:SelectBox
                                        ID="cbxUpdateManaProvince"
                                        runat="server"
                                        FieldLabel="Tỉnh thành"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfProvince"
                                        ValueField="ProvID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateManaProvince" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model3" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ProvID" />
                                                            <ext:ModelField Name="NameOfProvince" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateManaProvince_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateManaDistrict"
                                        runat="server"
                                        FieldLabel="Quận huyện"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDist"
                                        ValueField="DistID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateManaDistrict" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model4" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DistID" />
                                                            <ext:ModelField Name="NameOfDist" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateManaDistrict_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateManaCommune"
                                        runat="server"
                                        FieldLabel="Phường xã"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfComm"
                                        ValueField="ComID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateManaCommune" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model5" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ComID" />
                                                            <ext:ModelField Name="NameOfComm" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateManaCommune_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateManaOrganization"
                                        runat="server"
                                        FieldLabel="Cơ quan"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfOrgan"
                                        ValueField="OrgID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateManaOrganization" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model6" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="OrgID" />
                                                            <ext:ModelField Name="NameOfOrgan" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateManaOrganization_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateManaDepartment"
                                        runat="server"
                                        FieldLabel="Phòng ban"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDep"
                                        ValueField="DepID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateManaDepartment" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model7" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DepID" />
                                                            <ext:ModelField Name="NameOfDep" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                            <ext:FieldSet ID="FieldSet6" runat="server" Title="Cơ quan làm việc hiện tại" Width="320" MarginSpec="9 5 10 5">
                                <Items>
                                    <ext:SelectBox
                                        ID="cbxUpdateUseProvince"
                                        runat="server"
                                        FieldLabel="Tỉnh thành"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfProvince"
                                        ValueField="ProvID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateUseProvince" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model8" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ProvID" />
                                                            <ext:ModelField Name="NameOfProvince" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateUseProvince_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateUseDistrict"
                                        runat="server"
                                        FieldLabel="Quận huyện"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDist"
                                        ValueField="DistID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateUseDistrict" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model9" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DistID" />
                                                            <ext:ModelField Name="NameOfDist" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateUseDistrict_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateUseCommune"
                                        runat="server"
                                        FieldLabel="Phường xã"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfComm"
                                        ValueField="ComID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateUseCommune" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model10" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="ComID" />
                                                            <ext:ModelField Name="NameOfComm" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateUseCommune_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateUseOrganization"
                                        runat="server"
                                        FieldLabel="Cơ quan"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfOrgan"
                                        ValueField="OrgID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateUseOrganization" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model11" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="OrgID" />
                                                            <ext:ModelField Name="NameOfOrgan" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                        <Listeners>
                                            <%-- Gọi sự kiện [DirectMethod] cbxProvinces_SelectedChange() khi thay đổi giá trị cbxProvinces --%>
                                            <Select Handler="App.direct.cbxUpdateUseOrganization_SelectedChange();" />
                                        </Listeners>
                                    </ext:SelectBox>
                                    <ext:SelectBox
                                        ID="cbxUpdateUseDepartment"
                                        runat="server"
                                        FieldLabel="Phòng ban"
                                        EmptyText="Lựa chọn"
                                        Width="295"
                                        DisplayField="NameOfDep"
                                        ValueField="DepID"
                                        BlankText="Bạn phải lựa chọn"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreUpdateUseDepartment" runat="server">
                                                <Model>
                                                    <ext:Model ID="Model12" runat="server">
                                                        <Fields>
                                                            <ext:ModelField Name="DepID" />
                                                            <ext:ModelField Name="NameOfDep" />
                                                        </Fields>
                                                    </ext:Model>
                                                </Model>
                                            </ext:Store>
                                        </Store>
                                    </ext:SelectBox>
                                </Items>
                            </ext:FieldSet>
                        </Items>
                    </ext:Container>
                </Items>
            </ext:FormPanel>
        </Content>
    </ext:Window>
    <script>
        //Định dạng giới tính kiểu boolean và trả về giá trị giới tính string 'Nam' 'Nữ'
        var genderFormat = function (value) {
            return Ext.String.format('{0}', (value == 1 || value == 'true') ? "Nam" : "Nữ");
        };
    </script>
</asp:Content>
